FastClick.attach(document.body);
var vm = new Vue({
    el: "#logBox",
    data: {
        username: '',
        checkCode: '',
        dateTime: '',//当前时间戳
        sendAuthCode: true,/*布尔值，通过v-show控制显示‘获取按钮’还是‘倒计时’ */
        bindBtn: false,//布尔值，控制绑定按钮是否显示
        auth_time: 0, /*倒计时 计数器*/

    },
    methods:{
        /*验证码倒计时框的显隐*/
        getCheckCode: function(e){
            if(!(/^1[3456789]\d{9}$/.test(this.username))){
                layer.open({
                    title: ['提示','background-color:#8DCE16; color:#fff;'],
                    content: '请输入正确的手机号码',
                    shadeClose: false,
                    time: 3,
                    btn: ['确认']
                });
                return false;
            }
            this.sendAuthCode = false;
            this.auth_time = 90;
            var auth_timertimer = setInterval(()=>{
                this.auth_time--;
                if(this.auth_time<=0){
                    this.sendAuthCode = true;
                    clearInterval(auth_timertimer);
                  }
                },1000);
                //发送ajax请求发送短信验证码
               // console.log("发送短信验证码获取请求");
                this.dateTime = new Date();//获取当前时间
            var url = "/userDo/getCheckCode.do";
            var data = {username:this.username,dateTime:this.dateTime};
            vm.$options.methods.submitData("post",url,data);

        },//第一个方法结束
        slogin: function (e) {
            //正则表达式检查用户名和密码
            if(!(/^1[3456789]\d{9}$/.test(this.username))){
                layer.open({
                    content: '请输入正确的手机号码',
                    time: 3,
                    //shadeClose: false,
                    btn: ['我知道了']
                });
                return false;
            }
            if(!(/^\d{6}$/.test(this.checkCode))){
                layer.open({
                    content: '验证码有误',
                    time: 3,
                    //shadeClose: false,
                    btn: ['我知道了']
                });
                return false;
            }
            //检查是否发送过短信
            if(null==this.dateTime||''==this.dateTime){
                layer.open({
                    content: '还没有发送过验证码',
                    time: 3,
                    //shadeClose: false,
                    btn: ['我知道了']
                });
                return false;
            }
            this.bindBtn = false;//使绑定按钮隐藏，避免重复点击
            //验证都都通过，发送数据提交请求
            console.log("执行登陆流程");
            var data = {
                openId: $("#openId").val(),
                nickname: $("#nickname").val(),
               /* sex: $("#sex").val(),
                headImgUrl: $("#headImgUrl").val(),*/
                username:this.username,
                checkCode:this.checkCode,
                };
            //document.getElementById("loginForm").submit();
            axios({
                method: "post",
                url: "/ajaxBind.do",  //实现微信绑定
                responseType: 'json',//这个是默认的
                data: data,
            }).then(function (response) {

                var r = response.data;
                if(null!=r.token && r.code === '1'){
                        console.log("用户登陆绑定成功");
                        window.location.href="/loginSuccess.action";//这里可以跳转到绑定成功页面
                }else {
                    vm.bindBtn = true;//显示绑定按钮
                    layer.open({
                        content: r.msg,
                        time: 3,
                        //shadeClose: false,
                        btn: ['我知道了']
                    });
                }
                console.log(response.status);
            }).catch(function (error) {
                vm.bindBtn = true;//显示绑定按钮
                layer.open({
                    content: '网络异常，请稍后再试',
                    time: 3,
                    //shadeClose: false,
                    btn: ['我知道了']
                });
                console.log(error);
            });
        },
        //清空输入框内容
        rest: function (e) {
            //重置
            this.username = null;
            this.checkCode = null;

        },
        //提交短信验证码请求
        submitData: function (method,urls,data) {
            axios({
                method: method,
                url: urls,
                responseType: 'json',//这个是默认的
                data: data,
            }).then(function (response) {
                var r = response.data;
                if(r.code==200){
                    vm.bindBtn = true;//验证码发送成功后显示绑定按钮
                    layer.open({
                        content: '验证码发送成功',
                        skin: 'footer',
                        time: 2

                    });

                    //alert("短信验证码发送成功！"+r.msg);  //测试写法
                }else {
                    layer.open({
                        content: r.msg,
                        time: 3,
                        //shadeClose: false,
                        btn: '我知道了'
                    });
                    //alert(r.msg);
                }
                console.log(response.status);
            }).catch(function (error) {
                //alert("网络异常，请检查网络！")
                layer.open({
                    content: '网络异常，请检查网络！',
                    //shadeClose: false,
                    btn: '我知道了'
                });
                console.log(error);
            });
        }  //方法结束


    }


});